<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/base/main/pubInclude.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta charset="utf-8">
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
	<title>标段概况</title>
	<script type="text/javascript" src="${el:getWebRootPath()}/resource/js/sea.js"></script>
<%-- 	<script type="text/javascript" src="${el:getWebRootPath()}/dcs/section/js/jquery-1.10.2.min.js"></script> --%>
	<script type="text/javascript" src="${el:getWebRootPath()}/resource/js/echart/echarts.min.js"></script>
	<script type="text/javascript" src="${el:getWebRootPath()}/resource/js/component/jqxcore.js"></script>
	<script type="text/javascript" src="${el:getWebRootPath()}/resource/js/component/jqxdraw.js"></script>
	<link type="text/css" rel="stylesheet" href="${el:getWebRootPath()}/dcs/section/css/questions.css">
	<style type="text/css">
	.title_o{
		padding:20px 0 10px 10px;
	}
	.tab_title{
		padding:10px 0 20px 10px;;
		font-size: 13px;
	}
	.tab_title span{
		padding:9px 40px;
		margin-right:10px;
		display:inline-block;
		background:#fcf3da;
		color:#333;
		border-radius:3px;
	}
	.tab_title span.active{
		background:#2da8ef;
		color:#fff;
	}
	.proportion{
		padding:20px 0 20px 10px;;
	}
	.proportion span{
		padding:0 20px;
	    color: #03A9F4;
    	font-weight: bold;
	}
	.main_o{
		padding: 20px 0 20px 10px;
	}
	.darwTitle{
		background: #f5f6f6;
        box-sizing: border-box;
        padding: 10px 20px;
     }
	#mainBar{
		height:50%;
	}
	</style>
</head>
<body class="easyui-layout" style="margin: 0;padding: 0;overflow-y:auto">
	<div class="easyui-layout" data-options="region:'north',border:false,height:'auto'" style="width:100%;background: transparent;overflow-y:auto;">
		<div class="head_o">
			<div class="title_o">施工整体进度</div>
			<div class="tab_title"><span class="active">沥青</span><span>水稳</span></div>
			<div class="proportion">整体施工进度<span id="progress"></span></div>
		</div>
	</div>
	<div class="easyui-layout" data-options="region:'center',split:false,border:false" class="marginTop" style="background: transparent;overflow-y:auto;">
		<div id="proportionBar" style="height: 100px;"></div>
		<div class="darwTitle">主线进度</div>
		<div id="mainBar" style="height:390px">
		   <div class="darwTab">
		       <ul>
		           <li class="current" res='1'><span>最近三天</span><span class='setiongreen'></span></li>
		           <li class="current" res='2'><span>本月</span><span class='setionBlue'></span></li>
		       </ul>
		   </div>
		   <div class="laeryList" style="width:100%;position: relative;">
		       <div class="laeryDiv"></div>
		       <div class="darwList"></div>
		   </div>
		   
		</div>
		<div class="main_o">拌合站数据信息</div>
		<table id="dg"></table>
	</div>
	<%--<div data-options="region:'center',split:false,border:false" class="marginTop" style="background: transparent;">

	</div>--%>
<div class='drawloading' style='display:none'>
    <div class='errorlocation'>
    <img src="${el:getWebRootPath()}/resource/images/drawloading.gif" />
    <div class='errorTip' style="margin-top:10px;">数据请求中</div>
    </div>
</div>

</body>
<script>
	seajs.use("dcs/section/js/sectionOverview",function(A){
		A.trans();
	});
</script>
</html>